<template>
  <Tutorial/>
</template>

<script>
export default {
   // middleware: 'filter' // 可指向在nuxt.config.js中配置的中间件
  middleware() {
    console.log('middleware pages!!!');
  },
  // 路由发生变化时，做参数校验
  validate({params, query}) {
    // 进行一些校验操作
    console.log('validate!!!');
    return true;
  },
  asyncData(context){
    console.log('asyncData');
    return {
      a: 2000
    }
  },
  data() {
    return {
      b: 1000
    };
  },
  fetch({store}){
    console.log('fetch');
  },
  // 客户端和服务端
  beforeCreate() {
    console.log('beforeCreate');
  },
  created() {
    console.log('created');
  },
  beforeMount() {
    console.log('beforeMount');
  },
  mounted() {
    console.log('mounted');
  },
  beforeUpdate() {
    console.log('beforeUpdate');
  },
  updated() {
    console.log('updated');
  },
  beforeDestroy() {
    console.log('beforeDestroy');
  },
  destroyed() {
    console.log('destroyed');
  },
  // 服务端渲染不支持 activated 和 deactivated
  // 因此Vue中的这两个生命周期钩子无效
}
</script>
